/*
    自定义hook的实现步骤
    1、是一个函数，这个函数必须要以use开头
    2、将hook函数使用ES6的方式导出
    3、要将状态返回出去
*/
import {useState,useEffect} from 'react'
const getPostion=()=>{
    return{
        x:document.documentElement.scrollLeft||document.body.scrollLeft,
        y:document.documentElement.scrollTop||document.body.scrollTop
    }
}

function useScroll(){
    const [position,setPosition]=useState(getPostion)
    useEffect(()=>{
        document.addEventListener('scroll',handle)
    },[])
    const handle=()=>{
        setPosition(getPostion())
    }
    return position
}
export default useScroll